.header{
    width: 100%;
    background: #fff;
    border-bottom: 2px solid #d5d5d5; 
    position: fixed;
    top:0;
    left: 0;
    z-index: 100;
}
.header-inner{
    width: 1192px;
    margin: 0 auto;
}
.header-inner>.header-left{
    width: 200px;
    padding-top: 33px;
    padding-bottom: 28px;
    float:left;
}
.header-inner>.header-left>a{
    text-indent: -999em;
    height: 50px;
    display: block;
    background: url("../images/spirite.png") no-repeat 0 0;
}
.header-inner>.header-right{
    width: 850px;
    float: right;
    position: relative;
}
.header-right>.login{
    position: absolute;
    top:14px;
    right:12px;
}
.header-right>.login>em{
    font-style: normal;
    color: #9f9f9f;
    margin:0 10px;
}
.header-right>.login>.shopCar>i{
    font-style: normal;
    color: #ff4b2a;
}
.header-right>.login>a{
    font-size: 12px;
    color: #9f9f9f;
}
.header-right>.login>.shopCar{
    padding-left: 24px;
}
.header-right>.login>.shopCar>b{
    display: inline-block;
    width: 16px;
    height: 16px;
    background:url("../images/spirite.png") no-repeat -216px -5px;
    vertical-align: middle;
}
.header-right>.login>a:hover{
    text-decoration: none;
    color: #ff4b2a;
}
.header-right>.login>a:hover b{
    background:url("../images/spirite.png") no-repeat -262px -5px;
}
.header-right>.search{
    position: absolute;
    right: 0;
    top:53px;
}
.header-right>.search>input[type="text"]{
    width: 168px;
    height: 26px;
    line-height: 28px;
    border:1px solid #ddd;
    border-right: 0;
    vertical-align: middle;

}
.header-right>.search>input[type="submit"]{
    width: 25px;
    height: 28px;
    line-height: 28px;
    vertical-align: middle;
    border:1px solid #ddd;
    border-left: 0;
    background: url("../images/spirite.png") no-repeat -236px -2px;
}
.header-inner>.header-right>.nav{
    position: absolute;
    top:53px;
}
.header-inner>.header-right>.nav>li{
    float:left;
    margin-right: 56px;
    font-size: 16px;
}
.nav>li>a:hover{
    text-decoration: none;
    color: #ff4b2a;
}


.banner{
    position: relative;
}
.banner li{
    float:left;
    width: 100%;
}
.banner li a{
    width: 100%;
    height: 640px;
    display: block;
    /*float:left;*/
}
.banner li .one{
    background: url("../images/one.jpg") no-repeat center center;
}
.banner li .two{
    background: url("../images/two.jpg") no-repeat center center;
    display: none;
}
.banner li .three{
    background: url("../images/three.jpg") no-repeat center center;
    display: none;
}
.banner .banner-nav{
    position: absolute;
    left: 50%;
    bottom: 14px;
    margin-left: -52px;

}
.banner .banner-nav li{
    float: left;
    width: 50px;
    margin-right: 14px;
    border:2px solid #fff;
    background: #fff;
}
.banner .banner-nav li:last-child{
    margin-right: 0;
}
.starProduct{
    width: 100%;
    background: #fff;
}
.star-banner{
    width: 1190px;
    margin:0 auto;
    padding-top: 40px;
    padding-bottom: 56px;
}
.star-banner h1{
    text-align: center;
    font-size: 30px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    margin-bottom: 36px;
}
.star-banner ul li{
    float:left;
    margin-right: 10px;
}
/*.star-banner ul li:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
}*/
.star-banner ul li:last-child{
    margin-right: 0;
}
.hotbuy{
    padding-top: 40px;
}
.hotbuy-banner{
    width: 1190px;
    margin:0 auto;
}
.hotbuy-banner h2{
    font-size: 30px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    text-align: center;
}
.hotbuy-banner>p{
    text-align: right;
    font-size:16px;
    margin-bottom: 20px;
}
.hotbuy-banner p a{
    text-decoration: none;
}
.hotbuy-banner .hotbuy-left{
    float:left;
    margin-right: 2px;
    transition: all ease-in .3s;
}
.hotbuy-banner .hotbuy-left:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
    transform: translateY(-2px);
    /*transition: all ease-in .3s;*/
}
.hotbuy-banner .hotbuy-right{
    float:right;
    /*background: pink;*/
    width: 880px;
    height: 500px;
}
.hotbuy-banner .hotbuy-right li{
    float:left;
    margin:0 2px;
    position: relative;
    transition: all ease-in .3s;
}
.hotbuy-banner .hotbuy-right li:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
    transform: translateY(-2px);
}
.hotbuy-banner .hotbuy-right li:nth-child(3),.hotbuy-banner .hotbuy-right li:last-child{
    margin-right: 0;
}
.hotbuy-banner .hotbuy-right .des{
    width: 100%;
    position: absolute;
    bottom: 5px;
}
.hotbuy-right .des p{
    text-align: center;
}
.hotbuy-right .des p:first-child{
    font-size: 16px;
    height: 30px;
    line-height: 30px;
}
.hotbuy-right .des p:nth-child(2){
    font-size: 14px;
    color: #9e9e9e;
    height: 28px;
    line-height: 28px;
}
.hotbuy-right .des p:last-child{
    font-size: 20px;
    height: 58px;
    line-height: 58px;
    color: #fe6a00;
    position: relative;
}
.hotbuy-right .des p:last-child::after{
    content: "618价";
    position: absolute;
    font-size: 14px;
    top:-7px;
    color: #fe6261;
    font-weight: 600;
}
.bparts{
    padding-top: 34px;
}
.bparts-banner{
    width: 1190px;
    margin:0 auto;
}
.bparts-banner h2{
    font-size: 30px;
    height: 70px;
    line-height: 70px;
    text-align: center;
    font-weight: 500;
}
.bparts-banner>p{
    margin-bottom: 20px;
    text-align: right;
    font-size: 16px;
}
.bparts-banner ul li{
    float:left;
    margin-right: 16px;
    position: relative;
    transition: all ease-in .3s;
}
.bparts-banner ul li:hover{
    box-shadow: 0 15px 30px rgba(0,0,0,.2);
    transform: translateY(-2px);
}
.bparts-banner ul li a:hover{
    text-decoration: none;
}
.bparts-banner ul li:nth-child(3){
    margin-right: 0;
}
.bparts-banner ul li:last-child{
    margin-right: 0;
}
.bparts-banner li .partsDes{
    width: 100%;
    position: absolute;
    bottom: 16px;
}
.bparts-banner li .partsDes p{
    text-align: center;
}
.bparts-banner li .partsDes p:first-child{
    font-size: 16px;
    height: 28px;
    line-height: 28px;
}
.bparts-banner li .partsDes p:nth-child(2){
    font-size: 14px;
    color: #9e9e9e;
    height: 26px;
    line-height: 26px;
}
.bparts-banner li .partsDes p:last-child{
    font-size: 20px;
    color: #fe6261;
    height: 38px;
    line-height: 38px;
}


.brand{
    margin-top: 76px;
    background: #fff;
}
.brand .brand-banner{
    width: 1190px;
    margin:0 auto;
    padding-top: 40px;
}
.brand .brand-banner h2{
    font-size: 30px;
    height: 50px;
    line-height: 50px;
    font-weight: 500;
    text-align: center;
    margin-bottom: 36px;
}
.brand-banner ul li{
    float:left;
    margin-right: 14px;
}
.brand-banner ul li img{
    width: 386px;
    height: 377px;
}
.brand-banner ul li:last-child{
    margin-right: 0;
}
.serve{
    background: #fff;
    border-bottom: 1px solid #eaeaea;
}
.serve-banner{
    width: 1190px;
    margin:0 auto;
    padding-top: 80px;
    padding-bottom: 42px;
}
.serve-banner ul li{
    float:left;
    height: 47px;
    width: 24.5%;
}
.serve-banner li i{
    float:left;
    width: 46px;
    height: 46px;
}
.serve-banner ul li em{
    font-style: normal;
    font-size:16px;
    color: #777;
}
.serve-banner ul li a:hover{
    text-decoration: none;
}
.serve-banner .serveOne{
    background: url("../images/spirite.png") no-repeat 0 -62px;
}
.serve-banner .serveTwo{
    background: url("../images/spirite.png") no-repeat -46px -62px;
}
.serve-banner .serveThree{
    background: url("../images/spirite.png") no-repeat -92px -62px;
}
.serve-banner .serveFour{
    background: url("../images/spirite.png") no-repeat -138px -62px;
}

.footer{
    background: #fff;
}
.footer-banner{
    width: 1190px;
    margin:0 auto;
    padding-top: 30px;
    position: relative;
}
.footer-banner dl{
    float:left;
    margin-right: 150px;
}
.footer-banner dl dt{
    font-size: 16px;
    height: 36px;
    line-height: 36px;
}
.footer-banner dl dt a,.footer-banner dl dd a{
    color: #777;
    text-decoration: none;
}
.footer-banner dl dd{
    font-size: 12px;
    height: 32px;
    line-height: 32px;
}
/*.footer-banner dl dd .sina,.TC,.QQ{
    padding-left: 26px;
}*/
.footer-banner dl dd .sina b{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/spirite.png") no-repeat -378px -70px;
    vertical-align: middle;
    margin-right: 6px;
}
.footer-banner dl dd .TC b{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/spirite.png") no-repeat -408px -68px;
    vertical-align: middle;
    margin-right: 6px;
}
.footer-banner dl dd .QQ b{
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url("../images/spirite.png") no-repeat -430px -70px;
    vertical-align: middle;
    margin-right: 6px;
}
.footer-banner dl dd:hover .sina b{
     background: url("../images/spirite.png") no-repeat -378px -95px;
}
.footer-banner dl dd:hover .TC b{
    background: url("../images/spirite.png") no-repeat -408px -93px;
}
.footer-banner dl dd:hover .QQ b{
    background: url("../images/spirite.png") no-repeat -430px -95px;
}
.footer-banner dl dd:hover a{
    color: #ef4222;
}
.footer-banner .barcode{
    width: 90px;
    height: 90px;
    /*background:pink;*/
    border:3px solid #ccc;
    position:absolute;
    right: 0;
    background: url("../images/spirite.png") no-repeat -282px -4px;
}
.footer-banner .barcode span{
    font-size: 12px;
    color: #999;
    position: absolute;
    bottom: -25px;
    left:6px;
}


.copyrightDes{
    background: #333;
}
.copyrightDes .copyright-banner{
    width: 1190px;
    margin:0 auto;
}
.copyright-banner p{
    font-size: 12px;
    height: 42px;
    line-height: 42px;
    color: #999;
}
.copyright-banner p span{
    padding: 0 11px;
}
.copyright-banner p img{
    width: 34px;
    height: 42px;
    vertical-align: middle;
    margin-left: 12px;
}
.copyright-banner p img:nth-child(2){
    width: 102px;
    height: 40px;
    vertical-align: middle;
}
